<template>
	<view class="container">
		<view class="header-box">
			<HeaderTop>
				<img style="width: 32%; height: 5vw" :src="baseURL + '/static/home/font.png'" alt="" />
			</HeaderTop>
			<view style="padding: 20rpx;">
				<img style="width: 100%;" mode='widthFix' :src="baseURL+'/static/shop/home-banner.png'" alt="">
			</view>
			<view class="list-box">
				<view class="list-item">

					<view style="display: flex;justify-content: center;">
						<img mode='widthFix' :src="baseURL+'/static/shop/home-ttqd.png'" alt="">
					</view>
					<view>天天签到</view>
				</view>
				<view class="list-item">
					<view style="display: flex;justify-content: center;">
						<img mode='widthFix' :src="baseURL+'/static/shop/home-qydh.png'" alt="">
					</view>
					<view>权益兑换</view>
				</view>
				<view class="list-item">
					<view style="display: flex;justify-content: center;">
						<img mode='widthFix' :src="baseURL+'/static/shop/home-jfmx.png'" alt="">
					</view>
					<view>积分明细</view>
				</view>
				<view class="list-item">
					<view style="display: flex;justify-content: center;">
						<img mode='widthFix' :src="baseURL+'/static/shop/home-flzq.png'" alt="">
					</view>
					<view>福利专区</view>
				</view>
				<view class="list-item">
					<view style="display: flex;justify-content: center;">
						<img mode='widthFix' :src="baseURL+'/static/shop/home-scjx.png'" alt="">
					</view>
					<view>商城精选</view>
				</view>
			</view>
		</view>
		<view class="center-box">
			<view class="center-box-left">
				<div class="font-title"> 限时秒杀 </div>
				<div class="font-p"> 限时限量低价抢好物 </div>
				<div class="btn">
					立即抢购 > </div>
				<div class="img-box">
					<img mode='widthFix' :src="baseURL+'/static/shop/home-xsms.png'" alt="">
				</div>
			</view>
			<view class="center-box-right">
				<view class="center-box-right-top">
					<view>
						<view class="font-title">拼团活动</view>
						<div class="btn">
							立即抢购 > </div>
					</view>
					<view class="img-box">
						<img mode='widthFix' :src="baseURL+'/static/shop/home-pthd.png'" alt="">
					</view>
				</view>
				<view class="center-box-right-bottom">
					<view class="box-item-left">
						<view class="font-title">积分展示</view>
						<view style="text-align: center;font-size: 18px;">998</view>
					</view>
					<view class="box-item-right">
						<view class="font-title">兑换记录</view>
						<view style="display: flex;justify-content: center;">
							<img mode='widthFix' style="width: 50%;" :src="baseURL+'/static/shop/home-dhjl.png'" alt=""
								srcset="">
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="hot-shop">
			<view class="hot-shop-title">
				<view style="display: flex;">
					<view class="hot-shop-icon"></view>
					<view class="hot-shop-text">热门商品</view>
				</view>
				<view class="hot-shop-right"> 更多 <view>
						<u-icon color="#999" size="12" name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
			<view class="hot-shop-list">
				<view v-for='i in 10' :key='i' class="hot-shop-item" @click="shopDetailmethod">
					<img mode='widthFix' :src="baseURL+'/static/shop/home-sp.png'" alt="">
					<view class="box">
						<view class="mb-5" style="font-size: 14px;">积分商城优选商品</view>
						<view class="mb-5" style="font-size: 12px;color: #999">销量：222 </view>
						<view class="mb-5" style="font-size: 16px;font-weight: 600;">3213积分</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	import HeaderTop from "@/components/header-top/index.vue";
	export default {
		data() {
			return {
				baseURL: this.staticURL,
			}
		},
		components: {
			HeaderTop
		},
		methods: {
			shopDetailmethod() {
				uni.navigateTo({
					url: `/pages-shop/ShopList/index`
				})
			}
		}
	}
</script>
<style scoped lang="scss">
	@import './index.scss'
</style>